.fade-enter{
   /* 存在时间：入场动画的第一个时刻执行的内容 */
   opacity: 0;
}
.fade-enter-active{
   /* 存在时间：入场动画的第二个时刻到入场动画执行完的前一个时刻 */
   opacity: 0;
   transition: 1s ease-in-out;
}
.fade-enter-done{
   /* 入场动画执行完成之后 */
   opacity: 1;
}

.fade-exit{
   /* 存在时间：出场动画的第一个时刻执行的内容 */
   opacity: 1;
}

.fade-exit-active{
   opacity: 0;
   transition: 1s ease-in-out;
}
.fade-exit-done{
   opacity: 0;
}